/* 全局样式：统一页面背景、字体与颜色 */
body {
    background-color: #f4f4f4;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    line-height: 1.6;
}

/* 姓名标题样式（id选择器） */
#main-title {
    color: #007bff;
    font-size: 36px;
}

/* 小节标题样式（class选择器）：底部边框分隔 */
.section-title {
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
    margin-top: 20px;
}

/* 链接 hover 效果：鼠标悬浮时变色 */
a:hover {
    color: red;
    text-decoration: underline; /* 可选：增强交互提示 */
}

/* 以下为原布局代码（已改用Bootstrap栅格，注释保留作学习对比） */
/* 1. 原#wrapper容器样式（替代为Bootstrap的.container） */
/* #wrapper {
    width: 960px;
    margin: 30px auto;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
} */

/* 2. 原Float布局样式 */
/* #main-content {
    float: left;
    width: 65%;
}
#sidebar {
    float: right;
    width: 30%;
} */

/* 3. 原Flexbox布局样式 */
/* #wrapper {
    display: flex;
}
#main-content {
    flex: 2;
    margin-right: 20px;
}
#sidebar {
    flex: 1;
} */